<template>
	<view class="users-common">
		<users-card :modelList="UsersCommonList">
		<!-- 			<template #top="img">
						<image :src="img.imgSrc" alt=""></image>
					</template> -->
					<template  #top="childNumber">
						<text>{{childNumber.number}}</text>
					</template>
		</users-card>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import UsersCard from '../../../../components/common/UsersCard/UsersCard.vue'
	const UsersCommonList = reactive([
		{
			imgSrc:"../../../static/images/gift-bag.png",
			number:0,
			title:"收藏",
			pageSrc:""
		},
		{
			imgSrc:"",
			number:0,
			title:"足迹",
			pageSrc:""
		},
		{
			imgSrc:"",
			number:0,
			title:"关注",
			pageSrc:""
		},
		{
			imgSrc:"",
			number:0,
			title:"粉丝",
			pageSrc:""
		}
	])
</script>

<style lang="scss" scoped>
	.users-common{
		background-color: rgb(247, 247, 247);
	}
</style>